<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>挥发试验室</title>
    <link rel="stylesheet" href="/_upload/tpl/05/73/1395/template1395/css/main.css">
    <link rel="stylesheet" href="/_upload/tpl/05/73/1395/template1395/css/idangerous.swiper.css">
    <script src="/_upload/tpl/05/73/1395/template1395/js/main.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
</head>
<body>
<!--头部-->
<div class="header">
    <div class="centerArea">
        <div class="header_one">
            <a href="javascript:void(0)"><img src="/_upload/tpl/05/73/1395/template1395/img/logo.png" srcset="img/logo@2x.png 2x,img/logo@3x.png 3x" class="logo"></a>
            <div class="header_one-right">
                <a href="https://cas.scut.edu.cn/amserver/UI/Login?goto=http%3A%2F%2Fportal.scut.edu.cn%2Fcmstar%2Flogin.portal
" class="layer">学校门户</a><a href="http://webmail.scut.edu.cn/scutmail/
" class="layer">邮箱登录</a><a class="layer">English</a>
                <div class="header_search">
                    <form action="/_web/search/doSearch.do?locale=zh_CN&request_locale=zh_CN&_p=YXM9MzExJnQ9MTM5NSZkPTQzMTkmcD0xJm09TiY_" method="POST"><input type="text" id="keyword" name="keyword" class="keyword" placeholder="搜索"><input type="submit" name="btnsearch" class="search" value="" style="background:url('/_upload/tpl/05/73/1395/template1395/./img/icon-search.png') no-repeat"></input></form>
                </div>
            </div>
        </div>

        <div class="header_two" frag="面板1">
            <div frag="窗口1">
                <div frag="窗口内容">
                    <!--[NaviStructBegin]-->
                    <ul class="first-ul">
                        <!--[NaviItemCycleBegin]-->
                        <li class="first-ulli"> <a  href="{栏目URL}" target="{打开方式}">{栏目名称}</a>
                            <!--[MenuStructBegin]-->
                            <ul class="second-ul">
                                <span class="tim"></span>
                                <!--[MenuItemCycleBegin]-->
                                <li class="second-ulli">
                                    <a  href="{栏目URL}" target="{打开方式}">{栏目名称} </a>
                                    <!--[SubMenuList]-->
                                </li>
                                <!--[MenuItemCycleEnd]-->
                            </ul>
                            <!--[MenuStructEnd]-->
                        </li>
                        <!--[NaviItemCycleEnd]-->
                    </ul>
                    <!--[NaviStructEnd]-->
                </div>
            </div>
        </div>
    </div>
</div>
<!--轮播图-->
<div frag="面板2">
    <div frag="窗口2">
        <div frag="窗口内容">
            <div class="swiper-container swiper-contian" id="swiper-1">
                <div class="swiper-wrapper">

                    <!--[InfoCycleBegin]-->
                    <div class="swiper-slide swiper-li"><a href="javascript:void(0);" style="background:url({图片路径}) center center;"></a></div>
                    <!--[InfoCycleEnd]-->
                </div>
                <div class="banner">
                    <a href="javascript:void(0)" class="arrow-left swiper-button-prev" id="swiper-button-prev"></a>
                    <div class="pagination swiper-pagination" id="pagination1"></div>
                    <a href="javascript:void(0)" class="arrow-right swiper-button-next" id="swiper-button-next"></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--单列-->
<div class="simple">
    <div class="centerArea">
        <ul id="simple_ul">
            <li><a href="/vocnel/16040/list.psp"><div class="img"></div><span class="first-span">实验室简介</span></a></li>
            <li><a href="/vocnel/16043/list.psp"><div class="img"></div><span class="first-span">理事会</span></a></li>
            <li><a href="/vocnel/16042/list.psp"><div class="img"></div><span class="first-span">技术委员会</span></a></li>
            <li><a href="/vocnel/16123/list.psp"><div class="img"></div><span class="first-span">技术装备</span></a></li>
            <li><a href="/vocnel/16123/list.psp"><div class="img"></div><span class="first-span">仪器设备</span></a></li>
            <li><a href="/vocnel/16125/list.psp"><div class="img"></div><span class="first-span">检测预约</span></a></li>
        </ul>
    </div>
</div>
<!--新闻-->
<div class="news">
    <div class="centerArea">
        <div class="news_top">实验室新闻</div>
        <div class="news_news">NEWS</div>
        <a href="/vocnel/sysxw/list.psp" class="news_more">MORE+</a>
        <ul class="news-contain">
            <div frag="面板100">
                <div frag="窗口100">
                    <div frag="窗口内容">
                        <!--[InfoCycleBegin]-->
                        <li><div class="news-bg">
                            {图片}
                        </div>
                            <div class="news-head">
                                    {标题}
                            </div>
                            <div class="news-content">
                                {简介}
                            </div>
                            <div class="news-data">
                                {发布时间}
                            </div>
                        </li>
                        <!--[InfoCycleEnd]-->
                    </div>
                </div>
            </div>
        </ul>
    </div>
</div>
<!--专家视点-->
<div class="viewpoints">
    <div class="centerArea">
        <div class="vp-top">专家视点</div>
        <div class="vp-gray">VIEWPOINTS</div>
        <a href="/vocnel/zjsd/list.psp" class="vp_more">MORE+</a>
        <div frag="面板3">
            <div frag="窗口3">
                <div frag="窗口内容">
                    <div class="swiper-container" id="swiper-2">
                        <ul class="viewpoints-wrap swiper-wrapper">

                            <!--[InfoCycleBegin]-->
                            <li class="swiper-slide">
                                <div class="vp-bg">
                                    <a href="javascript:void(0);">
                                        {图片}
                                    </a>
                                </div>
                                <div class="vp-content">
                                    <a href="/_upload/tpl/05/73/1395/template1395/javasript:void(0);">
                                        {标题}
                                    </a>
                                </div>
                                <div class="vp-data">
                                    {发布时间}
                                </div>
                            </li>
                            <!--[InfoCycleEnd]-->
                        </ul>
                        <div class="swiper-button-next swiper-button" id="next2">&gt;</div>
                        <div class="swiper-button-prev swiper-button" id="prev2">&lt;</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--tab栏-->
<div class="tabs">
    <div class="centerArea">
        <ul class="tabs-wraper">
            <li>
                <div class="tabs-head">
                    <div class="tabs-top">信息公布</div>
                    <div class="tabs-gray"> NOTICES</div>
                    <div class="tabs-more"><a href="/vocnel/xxgb/list.psp">more+</a></div>
                </div>
                <div class="tabs-body notices">
                    <div frag="面板4">
                        <div frag="窗口4">
                            <div frag="窗口内容">
                                <!--[InfoCycleBegin]-->
                                <div class="tabs-bodyli">
                                    <div class="calendar">
                                        <div class="get-data" style="display: none;">{发布时间}</div>
                                        <span class="year">2017</span>
                                        <span class="month">三月</span>
                                        <span class="data">21</span>
                                    </div>
                                    <div class="tabs-content">
                                        <a href="/_upload/tpl/05/73/1395/template1395/javasript:void(0);">
                                            {标题}
                                        </a>
                                    </div>
                                </div>
                                <!--[InfoCycleEnd]-->
                            </div>
                        </div>
                    </div>

                </div>
            </li>
            <li>
                <div class="tabs-head">
                    <div class="tabs-top">科研成果</div>
                    <div class="tabs-gray">SCIENTIFIC ACHIEVEMENTS</div>
                    <div class="tabs-more"><a href="/vocnel/kycg/list.psp">more+</a></div>
                </div>

                <div class="tabs-body achievements">

                    <div frag="面板5">
                        <div frag="窗口5">
                            <div frag="窗口内容">
                                <!--[InfoCycleBegin]-->
                                <div class="achie-li content-li">
                                    <div class="li-content">
                                        <a href="/_upload/tpl/05/73/1395/template1395/javasript:void(0);">
                                            {标题}
                                        </a>
                                    </div>
                                    <div class="li-data">{发布时间}</div>
                                </div>
                                <!--[InfoCycleEnd]-->
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="tabs-head">
                    <div class="tabs-top">工程案例</div>
                    <div class="tabs-gray">ENGINEERING PROJECTS</div>
                    <div  class="tabs-more"><a href="/vocnel/15176/list.psp">more+</a></div>
                </div>
                <div class="tabs-body projects">
                    <div frag="面板6">
                        <div frag="窗口6">
                            <div frag="窗口内容">
                                <!--[InfoCycleBegin]-->
                                <div class="proj-li content-li">
                                    <div class="li-content">
                                        <a href="/_upload/tpl/05/73/1395/template1395/javasript:void(0);">
                                            {标题}
                                        </a>
                                    </div>
                                    <div class="li-data">{发布时间}</div>
                                </div>
                                <!--[InfoCycleEnd]-->
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="link">
            <span class="link-left">友情链接：</span>
            <a class="link-right" href="http://www.voc-china.org/home?act=home">中国环境科学学会挥发性有机物污染防治专业委员会</a>
        </div>
    </div>
</div>
<!--footer-->
<div class="footer">
    <div class="centerArea">
        <div class="message">
            <span class="address">地址：广东省广州市番禺区大学城外环东路382号环境楼</span>
            <span class="addr-code">  510006</span>
            <span class="telphone">业务联系电话：020-39380516 </span>
            <span class="email">邮件：zhangli2017@scut.edu.cn</span>
        </div>
        <div class="team-wrap">
            <!--bootStrap的下拉菜单开始-->
            <div class="dropup">
                <button class="btn btn-default dropdown-toggle  mydropdown-btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    开发团队
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu my-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#">开发团队</a></li>
                </ul>
            </div>
            <!--bootStrap的下拉菜单结束-->
        </div>
        <div class="other-wrap">
            <!--bootStrap的下拉菜单开始-->
            <div class="dropup">
                <button class="btn btn-default dropdown-toggle  mydropdown-btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    其他单位
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu my-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#">其他单位</a></li>
                </ul>
            </div>
            <!--bootStrap的下拉菜单结束-->
        </div>
        <div class="wx-logo">
            <a href="javascript:void (0)" class="logo"></a>
            <a href="javascript:void(0)" class="QR-code"></a>
        </div>
    </div>
</div>
<script src="/_upload/tpl/05/73/1395/template1395/js/idangerous.swiper.min.js"></script>
<script src="/_upload/tpl/05/73/1395/template1395/js/main.js"></script>
<script src="/_upload/tpl/05/73/1395/template1395/./js/data.js"></script>
<script src="./js/bootstrap.min.js"></script>
</body>
</html>

